@import "variable";
html,
body {
    width: 100%;
    height: 100%;
    color: @defaultFont;
    background-color: #ddd;
    font-size: @normal;
    font-family: "MicroSoft YaHei";
}

img {
    max-width: 100%;
}
input,
textarea {
    font-family: inherit;
}

.link {
    width: 100%;
    height: 100%;
    color: inherit;
    display: inherit;
    flex-direction: inherit;
    align-items: inherit;
    justify-content: inherit;
    cursor: pointer;
    i {
        font-size: inherit;
        color: inherit;
    }
}
.a-link{
    color: @orange;
    text-decoration: underline;
}
.in-top {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.in-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.bg-blue {
    background-color: @blue;
}
.bg-orange {
    background-color: @orange;
}
.bg-green {
    background-color: @green;
}
.bg-red {
    background-color: @red;
}


.font-blue {
    color: @blue;
}
.font-orange {
    color: @orange;
}
.font-green {
    color: @green;
}
.font-red {
    color: @red;
}

.big {
    font-size: @big;
}
.x-big {
    font-size: @x-big;
}
.xx-big {
    font-size: @xx-big;
}
.max-big {
    font-size: @max-big;
}

.not-radius {
    border-radius: 0;
}
.radius {
    border-radius: 50%;
    overflow: hidden;
}

.center {
    text-align: center;
}
.hidden {
    display: none;
}
.content-mgtb{
    margin: @space/2 auto;
}